import { View } from "@tarojs/components";
import { observer } from "mobx-react";
import React, { useEffect } from "react";
import Taro, { useDidHide, useDidShow } from "@tarojs/taro";
import { DeviceInfoCard } from "./components";

const Warninginfo: React.FC = (): JSX.Element => {
  // 可以使用所有的 React Hooks
  useEffect(() => {
    console.log("Warninginfo useEffect");
  });
  // 对应 onShow
  useDidShow(() => {
    console.log("Warninginfo useDidShow");
  });
  // 对应 onHide
  useDidHide(() => {
    console.log("Warninginfo useDidHide");
  });
  return (
    <View className="h-screen p-16 bg-xx_bg">
      {/* 设备信息卡片 */}
      <DeviceInfoCard></DeviceInfoCard>
      <View className="h-48 mt-24 text-16 text-primary font-medium border-1 border-primary border-solid rounded-6 bg-white flex justify-center items-center">
        联系客服
      </View>
    </View>
  );
};
export default observer(Warninginfo);
